﻿@{
    ViewBag.Title = "Category";
}

@section scripts
{
    <script type="text/javascript" src="~/Scripts/App/Guest/category.js"></script>
}

<header>
    <div class="row">
        <div class="large-12 columns">
            <div class="header-for-show">
                <ul class="example-orbit-content" data-orbit>
                    <li data-orbit-slide="headline-1">
                        <div>
                            <h3>Quảng cáo 1</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                    <li data-orbit-slide="headline-2">
                        <div>
                            <h3>Quảng cáo 2</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                    <li data-orbit-slide="headline-3">
                        <div>
                            <h3>Quảng cáo 3</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</header>
<div class="row body forum-detail">
    <div class="large-12 small-12 columns">
        <div class="row post-details posts">
            <div class="large-9 small-12 columns">
                <h3>Danh sách chủ đề</h3>
                <input type="text" placeholder="Tìm kiếm" class="search no-margin" data-bind="value: SearchString, enterKey: SearchCategory">
                <span class="clear"></span>
                <div class="row category" data-bind="foreach: Categories">
                    <div class="medium-3 large-3 columns" style="display: inline-block; width: 170px; height: 250px;">
                        <a data-bind="html: HtmlTag, attr: {href: Link}"></a>
                    </div>
                </div>
                <div data-bind="foreach: Pages, visible: Pages().length > 1">
                    <a href="#" data-bind="text: $data, click: $root.ChangePage"></a>
                </div>
            </div>
        </div>
    </div>
</div>